<template>
  <DuiDieChart
    class="tops"
    :ChartData="ChartData"
    :echartId="'tops'"
    :times="true"
  />
</template>
<script>
import DuiDieChart from '../../components/BarChart/DuiDieChart.vue'
export default {
  components: { DuiDieChart },
  data () {
    return {
      ChartData: {
        ydata: [
          '启明集团',
          '正好集团',
          '宏创集团',
          '图盛集团',
          '八达集团',
          '光明集团',
          '建元集团',
          '泰仑集团',
          '恒创集团',
          '永耀集团',
          '大有集团',
          '华云集团'
        ],
        sdata: [
          {
            name: '总数量',
            type: 'bar',
            stack: 'total',
            label: {
              show: true
            },
            emphasis: {
              focus: 'series'
            },
            data: [
              570, 530, 480, 430, 410, 380, 480, 330, 280, 270, 320, 420
            ].reverse(),
            itemStyle:{
              color:"rgb(0,130,255)"
            }
          },
          {
            name: '总金额',
            type: 'bar',
            stack: 'total',
            label: {
              show: true
            },
            emphasis: {
              focus: 'series'
            },
            data: [
              140, 130, 120, 120, 100, 100, 130, 80, 60, 60, 100, 130
            ].reverse(),
            itemStyle:{
              color:"rgb(11,226,126)"
            }
          }
        ]
      }
    }
  }
}
</script>
<style scoped>
.tops {
  /* height: 240px;
  margin-top: -20px; */
}
</style>
